<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>基本资料</title>
    <link rel="stylesheet" href="./css/app.css">
    <link rel="stylesheet" href="../font/ionicons-2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../tools/multisSelect/bootstrap-multiselect.css">
</head>
<body>
<div class="baseinfo-body person-account">
    <div class="to" style="">
        <!--加载公共的样式-->
        @@include('./include/top.html')
        <!--栅格系统第二行开始-->
        <div class="row top2">
            <div class="col-md-2 ul">
                <p style="color:red">个人资料</p>
            </div>
            <div class="col-md-2 ul">
                <p>修改密码</p>
            </div>
            <div class="col-md-2 ul">
                <p>认证信息</p>
            </div>
            <div class="col-md-2 col-md-offset-4 ul">
                <div class="you">
                    <span>预览个人主页</span>
                </div>
            </div>
        </div>
        <!--栅格系统第二行结束-->
        <!--修改类型开始-->
        <div class="row top3">
            <ul>
                <li>
                    <a href="" style="color:#fe4343">
                        <i class="icon ion-ios-paper-outline"></i>
                        <p>基本资料</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-person-outline"></i>
                        <p>修改头像</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-social-buffer-outline"></i>
                        <p>教育经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-photos-outline"></i>
                        <p>工作经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-pricetags-outline"></i>
                        <p>我的标签</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-pie-outline"></i>
                        <p>工作经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-infinite-outline"></i>
                        <p>账号绑定</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--修改类型结束-->
        <!--资料的完成度开始-->
        <div class="row top4">
            <div class="col-md-12 ul">
                <span>您的个人信息完整度为</span><span style="color:red;">86%</span>,<span>完整度达到100%后方可报名任务。</span>
            </div>
        </div>
        <!--资料的完成度结束-->

        <!--填写信息开始-->
        <div class="row top5">
            <h3 class="docu">您的联系信息只对雇主可见，不对其他用户展示，请放心填写。</h3>
            <div class="col-md-12 account-item">
                <div class="account-item-title">
                    <span>手机、邮箱绑定</span>
                </div>
                <div class="account-item-content">
                    <p>注册手机：	13910012661 <a href="">修改</a>  <span>已认证</span>  </p>
                    <p>注册邮箱：	30624639@qq.com <a href="">修改</a> <a href="">去认证</a></p>
                </div>
            </div>

            <div class="col-md-12 account-item">
                <div class="account-item-title">
                    <span>微信绑定</span>
                </div>
                <div class="item-desc">在微信公众号中绑定smarch个人账号，就可以随时随地接收任务信息。 <a href="">点此解绑</a></div>
                <div class="item-process">
                    <img src="http://www.icanting.com.cn/img/zhongbao_img/zb_weixinbangding.jpg" alt="" class="img-responsive">
                </div>
            </div>

            <div class="col-md-12 account-item">
                <div class="account-item-title">
                    <span>其他联系方式</span>
                </div>

                <form class="form-horizontal account-item-form" role="form" method="post">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">QQ</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="firstname" placeholder="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">通讯地址</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="firstname" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">邮编</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="firstname" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-danger">保存</button>
                        </div>
                    </div>
                </form>

            </div>

        </div>
        <!--填写信息结束-->





    </div>
</div>
</div>
</body>
<script src="./js/jquery/jquery.js"></script>
<script src="./js/bootstrap/bootstrap.js"></script>
<script src="../tools/Calendar.js"></script>
<script src="./js/app.js"></script>
<script src="../tools/multisSelect/bootstrap-multiselect.js"></script>
<script>


</script>
</html>